<template>
  <div class="facility-statistics">
    <div class="title">报警占比</div>
    <dv-scroll-ranking-board
      :config="config"
      style="width: 96%; height: 16rem"
    />
  </div>
</template>

<script>
export default {
  data() {
    return {
      config: {
        data: [
          {
            name: "心率",
            value: 55,
          },
          {
            name: "呼吸频率",
            value: 120,
          },
          {
            name: "一氧化碳",
            value: 71,
          },
          {
            name: "温度",
            value: 66,
          },
          {
            name: "湿度",
            value: 80,
          },
        ],
        img: ["../../assets/icon/一氧化碳.png"],
      },
    };
  },
  mounted() {
    this.initData();
  },
  methods: {
    initData() {},
  },
};
</script>

<style scoped>
.facility-statistics {
  padding: 1.4rem;
}
.title {
  font-size: 20px;
}

.content {
  margin-top: 20px;
  display: flex;
  justify-content: center;
}
.totalnum {
  width: 250px;
  height: 240px;
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
</style>